import { Icon } from "@fluentui/react/lib/Icon";
import { getFileTypeIconProps } from "@fluentui/react-file-type-icons";
import { Card, Space, Table, Breadcrumb, Typography, Flex, Input } from "antd";

const DocumentIconListItem = () => {
    return (
        <Card size="small" hoverable bordered={false} style={{ width: 160 }} styles={{ body: { backgroundColor: "#f9f9f9" } }}>
            <Space direction="vertical" style={{ textAlign: "center" }}>
                <div>
                    <Icon {...getFileTypeIconProps({ extension: "docx", size: 96 })} />
                </div>
                <div>文件名称文件名称文件名称</div>
            </Space>
        </Card>
    );
};

export default DocumentIconListItem;
